/* components/tabs/index.wxss */
.tab{
   display: flex;
   justify-content: space-between;
  //  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
  //  padding: 0 48rpx;
  .tabList{
    display: flex;
    .tabItem{
      display: flex;
      font-size: 28rpx;
      color: #767676;
      >view{
        margin-right: 80rpx;
        &:last-child{
          margin-right: 0;
        }
      }
    }
  }
  .active{
    font-weight: 500;
    font-size: 32rpx;
    color: #222222;
    padding-bottom: 6rpx;
    border-bottom: 6rpx solid  #FFC603;
    position: relative;
    &::after{
      position: absolute;
      left: -8rpx;
      top: -6rpx;
      content: "";
      width: 25rpx;
      height: 25rpx;
      border-radius: 25rpx;
      background:linear-gradient( 180deg, #FFE730 0%, #FFC603 100%);
      z-index: -1;
    }
  }
  .otherSet{
    width: 48rpx;
    height: 48rpx;
    >image{
   width: 100%;
   height: 100%;
    }

  }
}